/* 头部 */
.content{
		
	}
.top_bar{
	position: fixed;
	padding: 0 40rpx;
	width: 100vw;
	top: 0;
	// left: 20rpx;
	height: 88rpx;
	// background: #ffffff;
	// box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
	z-index: 100;
	// 头部安全距离
	padding-top: var(--status-bar-height);
	padding: 0 20rpx;
	}

.top_bar_right{
	float: right;
	margin-right: 20rpx;
	/* margin-right: 20rpx; */
	width: 88rpc;
	text-align: center;
}
.top_bar_right image{
	width: 60rpx;
	height: 60rpx;
	padding: 14rpx;
}
.top_bar_left{
	float: left;
	width: 88rpc;
	/* margin-left: 20rpx; */
}
.top_bar_left image{
	width: 60rpx;
	height: 60rpx;
	padding: 14rpx;
}

.top_bar_left .text{
	width: 80rpx;
	height: 60rpx;
	padding: 14rpx;
	text-align: center;
	line-height: 60rpx;
	font-size: 30rpx;
	color:  #6a6a6a;
}

.top_bar_right .text{
	width: 80rpx;
	height: 60rpx;
	padding: 14rpx;
	text-align: center;
	line-height: 60rpx;
	font-size: 30rpx;
	color:  #f4ea2a;
}
.top_bar_center{
	float: left;
	width: calc( 100% - 220rpx );
	height: 88rpx;
	text-align: center;
}
.top_bar_center text{
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 34rpx;
	line-height: 88rpx;
}
.top_bar_index{
	float: left;
	width: calc( 100% - 290rpx );
	height: 88rpx;
	text-align: center;
}

.top_bar_index image{
	width: 60rpx;
	height: 60rpx;
	padding: 14rpx;
}